---
import Markdown from "@components/misc/Markdown.astro";
import MainGridLayout from "@/layouts/MainGridLayout.astro";
---

<MainGridLayout title="其他">
    <div class="flex w-full rounded-[var(--radius-large)] overflow-hidden relative min-h-96">
        <div class="card-base z-10 px-9 py-6 relative w-full">
            <Markdown class="mt-2">
                <h1>其他</h1>

                <section>
                    <h2>APP</h2>
                    <div class="flex-row flex-wrap">
                        <a
                            class="button"
                            download="鸽子分享网.apk"
                            href="http://android.cyue.net/4.apk"
                        >
                            下载安卓APP
                        </a>
                    </div>
                </section>

                <div class="block-spacer"></div>
                <section>
                    <h2>Dialog</h2>
                    <span class="tip">效果测试：</span>
                    <div>
                        <ul class="list">
                            <li><a href="#" onclick="Dialog.popup('popup')">popup</a></li>
                            <li>
                                <span style="font-size: var(--font-size-medium);">tip：</span>
                                <ul class="list">
                                    <li><a href="#" onclick="Dialog.tip('成功', 'success')">tip（成功）</a></li>
                                    <li><a href="#" onclick="Dialog.tip('错误', 'error')">tip（错误）</a></li>
                                    <li><a href="#" onclick="Dialog.tip('警告', 'warning')">tip（警告）</a></li>
                                </ul>
                            </li>
                            <li><a href="#" onclick="Dialog.window('a window')">window</a></li>
                        </ul>
                    </div>

                    <span class="tip">下载使用：</span>
                    <div style="display: flex;flex-wrap: wrap;">
                        <a class="button" download="/assets/cyue-share/js/dialog.js" href="/js/dialog.js">下载dialog.js</a>
                    </div>
                </section>
            </Markdown>
        </div>
    </div>
</MainGridLayout>

<script is:inline src="/assets/cyue-share/js/dialog.js"></script>
